<!DOCTYPE html>
<link rel="match" href="../../expected/css/transparent-borders-ref.html" />
<style>
  .example {
    width: 0;
    height: 0;
    background: orange;
    border: 20px solid transparent;
    margin-bottom: 10px;
  }
</style>
<div class="example" style="border-style: dotted"></div>
<div class="example" style="border-style: dashed"></div>
<div class="example" style="border-style: solid"></div>
<div class="example" style="border-style: groove"></div>
<div class="example" style="border-style: ridge"></div>
<div class="example" style="border-style: inset"></div>
<div class="example" style="border-style: outset"></div>
